<template>
	<view class="page-content">
		<u-navbar autoBack title="寄出宝贝" bgColor="#D9EDD4" fixed placeholder safeAreaInsetTop></u-navbar>

		<view class="container">
			<view class="flow-top">
				<view class="choice">
					<u-icon size="35" name="/static/images/sendBaby/icon_sendBaby-choice.png"></u-icon>
					<text class="choice-word">选择宝贝</text>
				</view>
				<u-image width="22" height="6" src="/static/images/sendBaby/icon_sendBaby-arrow.png"></u-image>
				<view class="choice">
					<u-icon size="35" name="/static/images/sendBaby/icon_sendBaby-pack.png"></u-icon>
					<text class="choice-word">预约快递</text>
				</view>
				<u-image width="22" height="6" src="/static/images/sendBaby/icon_sendBaby-arrow.png"></u-image>
				<view class="choice">
					<u-icon size="35" name="/static/images/sendBaby/icon_sendBaby-money.png"></u-icon>
					<text class="choice-word">寄出支付</text>
				</view>
			</view>

			<view class="add-img">
				<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
					:maxCount="5"></u-upload>
			</view>

			<view class="send-detail">
				<view class="send-title">寄卖说明</view>
				<view class="send-focus">注意:请勿邮寄贵重包装盒/检测证书等附件，否则回寄时将不予寄回</view>
				<view class="sendText-all">
					<view class="send-text">1.支持寄卖品类:翡翠类/和田玉/彩色宝/南红/绿松石/珍珠;</view>
					<view class="send-text">2.禁止寄卖B货、C货、合成或再造宝玉石、原石、半成品(毛货)、珍珠开蚌类、翡翠烧红、和田玉皮色异常和宝石疑似改色(辐照和扩散)，以及法律禁售和品质不达标等;</view>
					<view class="send-text">3.宝贝邮寄至对庄公司的运费需卖家承担，在对庄鉴定完毕发给买家产生的运费，由对庄承担。若宝贝寄送平台入库后检测不通过或上架未能售出的宝贝，卖家取回需收取鉴定证书费和运费;</view>
					<view class="send-text">4.请将所有宝贝整齐摆放后拍一张图下单寄出，不需要每件宝贝单独拍照;</view>
					<view class="send-text">5.请确保货品来自合法渠道，必要时可提供相关证明。</view>
				</view>
			</view>

			<view class="send-btm">
				<view class="send-agreement">
					<u-checkbox-group>
						<u-checkbox size="20" active-color="green"></u-checkbox>
					</u-checkbox-group>
					《观石卖家协议》
				</view>
				<button class="send-btn">开始售卖</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 上传图片LIST
				fileList1: [],
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page-content {
		.container {
			padding: 20px;
			.flow-top {
				display: flex;
				align-items: center;
				justify-content: space-around;
				padding: $uni-spacing-col-lg 0;
				.choice {
					display: flex;
					flex-direction: column;
					align-items: center;
					.choice-word{
						font-size: $uni-font-size-sm;
						color: $uni-text-color;
						padding: $uni-spacing-col-base 0;
					}
				}
			}
			.add-img{
				padding: $uni-spacing-col-lg $uni-spacing-row-lg;
			}
			/deep/.u-upload__button{
				border: dashed 2px #808080;
				background-color: transparent;
			}
			/deep/.u-icon__icon{
				color: #808080;
			}
			.send-detail {
				background-color: #D7E6D3;
				padding: $uni-spacing-col-lg $uni-spacing-row-base;
				margin: $uni-spacing-col-lg 0;
				.send-title {
					font-size: $uni-font-size-base;
					color: $uni-text-color;
					padding: $uni-spacing-col-base 0;
				}
				.send-focus {
					font-size: $uni-font-size-sm;
					color: $gs-color-hot;
				}
				.sendText-all{
					padding: $uni-spacing-col-lg 0;
					.send-text {
						font-size: $uni-font-size-sm;
						color: $uni-text-color;
						padding: $uni-spacing-col-sm 0;
					}
				}
			}
			.send-btm {
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 100%;
				position: fixed;
				bottom: 31px;
				left: 0;
				.send-agreement {
					display: flex;
					align-items: center;
					font-size: $uni-font-size-base;
					color: $uni-text-color;
					padding: $uni-spacing-row-base 0;
				}
				.send-btn{
					width: 80%;
					color: $uni-bg-color-grey;
					background-color: $gs-btn;
					border-radius: 26px;
				}
			}
		}
	}
</style>